﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="omfattende.aspx.cs" Inherits="omfattende"
    MasterPageFile="~/statistik.master" %>

<asp:Content ContentPlaceHolderID="head" runat="server">
    <link rel="Stylesheet" href="/css/omfattende.css" />
    <script type="text/javascript" src="/js/omfattende.min.js"></script>
</asp:Content>
<asp:Content ContentPlaceHolderID="content" runat="server">
    <div class="top">
        <h1>Statistik for Digital Flytning</h1>
        <p>Dette submodul af statistikmodulet for Digital Flytning har til formål at præsentere
            alt tilgængeligt data i samme modul uden begrænsninger.</p>
        <p>Hvis du hellere vil sammenligne udviklingen af tallene over tid i et modul, som tager
            udgangspunkt i en bestemt kommune, kan du klikke på linket herunder for at komme
            tilbage til hovedmodulet på forsiden.</p>
        <a href="http://statistik.digitalflytning.dk/">
            <span class="ui-icon ui-icon-carat-1-e"></span>
            Tilbage til hovedmodulet
        </a>
        <br /><br />
        <p>Statistikken i dette modul er først og fremmest opdelt i måneder, hvorefter data fra
            alle kommuner tilknyttet Digital Flytning vises i en rulleliste, som kan sorteres efter
            et hvilket som helst af de målbare parametre.</p>
        <p>Bemærk dog, at jo tidligere en måned der vælges, jo mere sparsom vil statistikken forekomme,
            da det først er for nylig, at de fleste kommuner har fået tilmeldt sig statistiktælleren
            for Digital Flytning på <a href="http://statistik.borger.dk">statistik.borger.dk</a>.</p>
        <p>
            Vælg her hvilken måned, der skal vises statistik for:
            <select name="month"></select>
        </p>
        <br />
    </div>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Transaktioner<br />og aktiveringer</a></li>
            <li><a href="#tabs-2">Transaktioner og<br />aktiveringer / 1000 borgere</a></li>
            <li><a href="#tabs-3"><br />Gennemførselsprocent</a></li>
            <li><a href="#tabs-4">Gennemsnitlig<br />gennemførselstid</a></li>
            <li><a href="#tabs-5"><br />Alt data</a></li>
        </ul>
        <div id="tabs-1" class="tab">
            <table>
                <tr>
                    <td>Sorteringsorden: </td>
                    <td><select name="sortby"></select></td>
                </tr>
                <tr>
                    <td>Vis rækker: </td>
                    <td><select name="rows"></select></td>
                </tr>
            </table>
            <table><tr>
                <td><div style="height:240px;" class="slider"></div></td>
                <td><div id="transchart" class="chart"></div></td>
            </tr></table>
        </div>
        <div id="tabs-2" class="tab">
            <table>
                <tr>
                    <td>Sorteringsorden: </td>
                    <td><select name="sortby"></select></td>
                </tr>
                <tr>
                    <td>Vis rækker: </td>
                    <td><select name="rows"></select></td>
                </tr>
            </table>
            <table><tr>
                <td><div style="height:240px;" class="slider"></div></td>
                <td><div id="relchart" class="chart"></div></td>
            </tr></table>
        </div>
        <div id="tabs-3" class="tab">
            <table>
                <tr>
                    <td>Sorteringsorden: </td>
                    <td><select name="sortby"></select></td>
                </tr>
                <tr>
                    <td>Vis rækker: </td>
                    <td><select name="rows"></select></td>
                </tr>
            </table>
            <table><tr>
                <td><div style="height:240px;" class="slider"></div></td>
                <td><div id="pctchart" class="chart"></div></td>
            </tr></table>
        </div>
        <div id="tabs-4" class="tab">
            <table>
                <tr>
                    <td>Sorteringsorden: </td>
                    <td><select name="sortby"></select></td>
                </tr>
                <tr>
                    <td>Vis rækker: </td>
                    <td><select name="rows"></select></td>
                </tr>
            </table>
            <table><tr>
                <td><div style="height:240px;" class="slider"></div></td>
                <td><div id="timechart" class="chart"></div></td>
            </tr></table>
        </div>
        <div id="tabs-5" class="tab">
            <div id="table" class="chart"></div>
        </div>
    </div>
</asp:Content>
